<!Doctype html>
<html>
 <body>
  <p>1、JavaScript 能够直接写入HTML输入流中:  </p>
   <script>
     document.write("<h1> This is a heading </h1>")
	 document.write("<p> This is a paragraph.")
   </script>
         

		 
	<p>2、JavaScript：对事件作出反应</p>
    <button type="button" onclick="alert('Welcome!')">点击这里</button>
 
 
    <h1> 我的第一段 JavaScript</h1>
     
	<p id="demo">3、JavaScript能改变HTML元素的内容。</p>
    
   <script>
     function myFunction(){
	   x  = document.getElementById("demo"); //找到元素
	   x.innerHTML="Hello JavaScript!";      //改变内容
	  }
	 </script>
	  
    <button type="button" onclick="myFunction()">点击方法</button>
      	 
<p>4、JavaScript：改变 HTML 图像</p>
<script>
function changeImage(){
  element=document.getElementById('myimage')
  if(element.src.match("bulbon")){
    element.src="i/eg_bulboff.gif";
   }else{
     element.src="i/eg_bulbon.gif";
   }		 
   }
 </script>
  <img id="myimage" onclick="changeImage()"
   src="i/eg_bulboff.gif">  
  <p>点击灯泡来点亮或熄灭这盏灯<p>
	
<p>5、JavaScript：改变 HTML 样式 </p>
   <script>
      function styleFunction(){
	  x  = document.getElementById("demo") //找到元素
	  x.style.color = "#ff0000";          //改变样式
	  }
	</script>
<button type="button" onclick="styleFunction()">点击改变样式</button>

<p>6、JavaScript：验证输入</p>
  <p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
   <input id="inputVeri" type="text">
   <script>
    function inputFunction(){
	 var x = document.getElementById("inputVeri").value; 
	 if(x==""|| isNAN(x)){                          //这个方法没定义是什么情况       问题！！！！！！！！
	  alert("Not Numeric");
	 }
	}
   </script>
   <button type="button" onclick="inputFunction()">点击这里</button>
	
 </body>
</html>